<!DOCTYPE html>
<!--
Copyright 2011 Google Inc.

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

     http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

Author: Eric Bidelman (ericbidelman@chromium.org)
        Arne Roomann-Kurrik (kurrik@chromium.org)
-->
<html>
<head>
  <title>HTML5 Showcase for Web Developers: The Wow and the How</title>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="chrome=1">
  <link rel="stylesheet" href="css/prettify.css">
  <link rel="stylesheet" href="css/animations.css">
  <link rel="stylesheet/less" type="text/css" href="css/slide-presentation.less">
  <link rel="stylesheet/less" type="text/css" href="css/slide-content.less">
</head>
  <body>
    <script type="text/html">
      <!DOCTYPE html>
      <html>
        <style>h1 { font:18pt Arial; color: #ccc; text-align: center; }</style>
        <body>
          <h1>loading...</h1>
        </body>
      </html>
    </script>

    <div id="content" class="hidden">
      <div id="bg-pattern" class="background"></div>
      <div id="bg-white" class="background"></div>
      <div id="bg-black" class="background"></div>
      <div id="bg-google-blue" class="background"></div>
      <div id="bg-blueprint" class="background"></div>
      <div id="bg-google-darkblue" class="background"></div>
      <div id="bg-google-green" class="background"></div>
      <div id="bg-google-yellow" class="background"></div>
      <div id="bg-google-red" class="background"></div>
      <div id="bg-binary" class="background"></div>
      <div id="bg-file" class="background"></div>
      <div id="bg-clutter" class="background"></div>
      <div id="bg-filecabinets" class="background"></div>
      <div id="bg-audio" class="background"></div>
      <div id="bg-declarative" class="background"></div>
      <div id="bg-drawline" class="background"></div>
      <div id="bg-degree" class="background"></div>








<!--
 *
 * ARM LOGO
 *
-->
<div class="slide centercontents transparent" data-backgroundid="bg-white">
  <img src="/images/bgs/arm-logo.jpg" width="935" height="240">
</div>


<!--
 *
 * CORTEX LOGO
 *
-->
<div class="slide centercontents transparent" data-backgroundid="bg-white">
  <img src="/images/bgs/Cortex-logo.jpg" width="935" height="240">
</div>






<!--
 *
 * TÍTULO DE LA PRESENTACIÓN
 *
-->
<div class="slide centercontents centertext" id="slide-title" data-backgroundid="bg-pattern">
  <h1>ARQUITECTURA ARM: <br>PROCESADOR ARM CORTEX-A15</h1>
  <section>
    <img src="images/impr.jpg">
  </section>
  <!-- <section>
    <p>
    <strong>Anny P&eacute;rez</strong> , <strong>Jonatan Caraballo
    </strong> y <strong>Pedro Romero</strong><br>
    </p>
  </section> -->
  <section>
    <strong>Arquitectura de Computadores</strong> - <time pubdate datetime="2012-10-05">Octubre 05, 2012</time><br>
  </section>
</div>






<!--
 *
 * PRESENTACIÓN DE EXPOSITORES
 *
-->
<div class="slide out centercontents" id="profile-slide">
  <header>Quienes son los expositores?</header>
  <section>

    <div class="profile">
      <img src="images/pedro.png" /><br>
      <span class="name bidelman">Pedro Romero</span>
      <a target="_blank" href="https://twitter.com/PedroEliasR" class="twitter">@PedroEliasR</a>
    </div>

    <div class="profile">
      <img src="images/Anny.png" /><br>
      <span class="name bidelman">Anny P&eacute;rez</span><br>
      <a target="_blank" href="https://twitter.com/anikpe" class="twitter">@anikpe</a>
    </div>

    <div class="profile">
      <img src="images/jonatan.png" /><br>
      <span class="name bidelman">Jonatan Caraballo</span>
      <a target="_blank" href="https://twitter.com/jonada182" class="twitter">@jonada182</a>
    </div>

  </section>
</div>






<!--
 *
 * TEMAS A TRATAR DURANTE LA PRESENTACIÓN
 *
-->
<div class="slide centercontents transparent" data-backgroundid="bg-degree" id="slide-degree">
  <header>Procesador Cortex-A15...</header>
  <section>
    <div class="wrapper">
      <ul>
        <li>¿Cu&aacute;les procesadores son m&aacute;s vendidos?</li>
        <li>¿Cu&aacute;les mercados usan los procesadores de ARM?</li>
        <li>Uso de procesadores ARM en dispositivos móviles</li>
        <li>¿Por qu&eacute; se venden tantos procesadores ARM?</li>
        <li> Evoluci&oacute;n de los procesadores para PCs</li>
        <li>ARM  ha ido mejorando en otra direcci&oacute;n</li>
        <li>Familias de Procesadores ARM</li>
        <li>Familia ARM Cortex</li>
        <li>Aplicaciones Procesadores Cortex A</li>
        <li>Procesador ARM CORTEX-A15</li>
      </ul>
    </div>
  </section>
  <footer>
    <p>Caracterizaci&oacute;n del Cortex-A15</p>
  </footer>
</div>





<!--
 *
 * AGENDA DEL DÍA
 * ORDEN DE LA PRESENTACIÓN
 *
-->
<div class="slide centercontents" id="slide-agenda" data-backgroundid="bg-pattern">

  <header>Nuestra Agenda</header>

  <section>

    <div class="item">
      <img src="images/motivacion.jpg" />
      <span class="filetheme">Motivaci&oacute;n</span>
    </div>

    <div class="item">
      <img src="images/cambio.jpg" />
      <span class="graphicstheme">Evoluci&oacute;n</span>
    </div>

    <div class="item">
      <img src="images/cortex.jpg" />
      <span class="audiotheme">Caracter&iacute;sticas Cortex-A15</span>
    </div>

  </section>

</div>









<!--
 *
 * TOPIC 1: MOTIVACIÓN
 *
-->
<div class="slide transparent segue centercontents" data-backgroundid="bg-google-blue">
  <h1>Motivaci&oacute;n</h1>
  <!-- <img src="images/motivacion.jpg"> -->
</div>


<!--
 *
 * MOTIVACIÓN ACERCA PROCESADORES ARM
 *
-->
<div class="slide centercontents" id="slide-value" data-backgroundid="bg-pattern">
  <header>¿Cu&aacute;les procesadores son m&aacute;s vendidos?</header>
  <section>
    <p><img src="images/vendidos.jpg" style="vertical-align:middle"></p>
  </section>
</div>

<div class="slide centercontents" id="slide-value" data-backgroundid="bg-pattern">
  <header>¿Cu&aacute;les mercados usan los procesadores ARM?</header>
  <section>
    <p><img src="images/mercados.jpg" style="vertical-align:middle"></p>
  </section>
</div>

<div class="slide centercontents" id="slide-value" data-backgroundid="bg-pattern">
  <header>Uso de procesadores ARM en dispositivos móviles</header>
  <section>
    <p><img src="images/armoviles.jpg" style="vertical-align:middle"></p>
  </section>
</div>

<div class="slide centercontents" id="slide-value" data-backgroundid="bg-pattern">
  <header> ¿Por qu&eacute; se venden tantos procesadores ARM?</header>
  <section>
    <p><img src="images/porquevenden.png" style="vertical-align:middle"></p>
  </section>
</div>










<!--
 *
 * EVOLUCIÓN ARQUITECTURA ARM Y SUS PROCESADORES
 *
-->
<div class="slide transparent image" data-backgroundid="bg-binary">

  <div data-build>
    <section class="bottomWide dark" data-auto>
      <h1>Evoluci&oacute;n</h1>
    </section>
  </div>

  <span class="credit dark">
    <a href="http://www.flickr.com/photos/mcclanahoochie/5068845349"
       target="_blank">http://www.flickr.com/photos/mcclanahoochie/5068845349</a>
  </span>

</div>

<div class="slide centercontents" id="slide-value" data-backgroundid="bg-binary">
  <header> Evoluci&oacute;n de los procesadores para PCs</header>
  <section>
    <p><img src="images/procpc.jpg" style="vertical-align:middle"></p>
  </section>
</div>


<div class="slide centercontents" id="slide-value" data-backgroundid="bg-binary">
  <header> ARM  ha ido mejorando en otra direcci&oacute;n </header>
  <section>
    <p><img src="images/armevo.jpg" style="vertical-align:middle"></p>
  </section>
</div>



<!--
 *
 * FAMILIA DE PROCESADORES ARM
 *
-->
<div class="slide transparent image" data-backgroundid="bg-file">
  <div data-build>
    <section class="bottomWide" data-auto>
      <h1>Familias de Procesadores ARM</h1>
    </section>
  </div>
  <span class="credit">
    <a href="http://www.flickr.com/photos/daddo83/3406962115/" target="_blank">http://www.flickr.com/photos/daddo83/3406962115/</a>
  </span>
</div>


<div class="slide centercontents" id="slide-value" data-backgroundid="bg-file">
  <header>Arquitecturas ARM</header>
  <section>
    <p><img src="images/f0.jpg" style="vertical-align:middle"></p>
  </section>
</div>

<div class="slide centercontents" id="slide-value" data-backgroundid="bg-file">
  <header>FAMILIA CORTEX M</header>
  <section>
    <p><img src="images/f1.jpg" style="vertical-align:middle"></p>
  </section>
</div>


<div class="slide centercontents" id="slide-value" data-backgroundid="bg-file">
  <header>FAMILIA CORTEX R</header>
  <section>
    <p><img src="images/f2.jpg" style="vertical-align:middle"></p>
  </section>
</div>

<div class="slide centercontents" id="slide-value" data-backgroundid="bg-file">
  <header>FAMILIA CORTEX A</header>
  <section>
    <p><img src="images/f3.jpg" style="vertical-align:middle"></p>
  </section>
</div>



<div class="slide centercontents" id="slide-value" data-backgroundid="bg-filecabinets">
  <header>FAMILIA ARM CORTEX A</header>
  <section>
    <p><img src="images/cortexA.jpg" style="vertical-align:middle"></p>
  </section>
</div>


<div class="slide centercontents" id="slide-value" data-backgroundid="bg-drawline">
  <header>APLICACIONES PROCESADORES CORTEX A</header>
  <section>
    <p><img src="images/cortexApp.jpg" style="vertical-align:middle"></p>
  </section>
</div>







<!--
 *
 * CONTENIDO DEL PROCESADOR ARM CORTEX-A15
 *
-->
<div class="slide transparent image centercontents" data-backgroundid="bg-clutter">
  <div data-build>
    <section class="topWide" data-auto>
      <h1>Procesador ARM Cortex-A15</h1>
    </section>
  </div>
  <span class="dark credit">
    <a href="http://www.flickr.com/photos/meddygarnet/4012204741/" target="_blank">http://www.flickr.com/photos/meddygarnet/4012204741/</a>
  </span>
</div>


<div class="slide segue transparent centercontents" id="thanks" data-backgroundid="bg-declarative">
  <section>
    <p><img src="images/cortexa15mp.jpg" style="vertical-align:middle"></p>
  </section>
</div>

<div class="slide centercontents">
  <header>Diferentes diseños para Cortex-A15 seg&uacute;n su uso</header>
  <section>
    <ul data-build>
      <li><span class="theme1">1 a 1.5GHz</span> , mono o doble n&uacute;cleo, destinado a Smartphones y otros dispositivos m&oacute;viles como tablets.</li>
      <li><span class="theme2">1 a 2GHz</span> , con dos o cuatro n&uacute;cleos, destinados a netbooks, tablets, nettops, e incluso port&aacute;tiles.</li>
      <li><span class="theme3">1.5 a 2.5GHz</span> , cuatro n&uacute;cleos, destinado a servidores.</li>
    </ul>
  </section>
</div>

<div class="slide centercontents" id="slide-value" data-backgroundid="bg-declarative">
  <header>Acerca del Cortex-A15</header>
  <section>
    <p>El procesador Cortex-A15, presenta alto rendimiento, bajo consumo de energ&iacute;a,
          implementa la arquitectura ARMv7-A. Tiene de 1 a 4 procesadores en un solo dispositivo
          multiprocesador, o dispositivo MPCore (Multin&uacute;cleo, con L1 y L2 en memoria cache)</p>
  </section>
</div>


<div class="slide centercontents" id="slide-value" data-backgroundid="bg-drawline">
  <header>Diagrama de Bloques para un Procesador Cortex-A15 con Cuatro N&uacute;cleos</header>
  <section>
    <p><img src="images/cortexfigura.jpg" style="vertical-align:middle"></p>
  </section>
</div>


<div class="slide centercontents">
  <header>Algunas Car&aacute;cter&iacute;sticas a destacar en un procesador Cortex-A15</header>
  <section>
    <ul data-build>
      <li>Disponible en 32 y 28nm, para llegar a 20nm en el futuro.</li>
      <li>Retrocompatible gracias al uso de las instrucciones ARM v7.</li>
      <li>Ejecuta tres instrucciones por ciclo de reloj en comparación con Cortex A8 y A9 que hacen dos.</li>
      <li> Direcciona hasta 1TB de memoria.</li>
    </ul>
  </section>
</div>


<div class="slide centercontents" id="slide-value" data-backgroundid="bg-declarative">
  <header>Evoluci&oacute;n de ARM y su alcance con Cortex-A15</header>
  <section>
    <p><img src="images/armeagle.jpg" style="vertical-align:middle"></p>
  </section>
</div>


<div class="slide centercontents">
  <header>M&aacute;s Caracter&iacute;sticas</header>
  <section>
    <ul data-build>
      <li>Memoria cach&eacute; L2 hasta de 4MB.</li>
      <li>Mejoras en el procesamiento de cantidades de punto flotante.</li>
      <li>Configuraciones para Smartphones hasta 5 veces m&aacute;s eficientes</li>
    </ul>
  </section>
</div>




<div class="slide transparent image centercontents" data-backgroundid="bg-audio">
  <div data-build>
    <section class="topWide" data-auto>
      <h1>Rendimiento Optimizado</h1>
    </section>
  </div>
  <span class="dark credit">
    <a href="http://wallpoper.com/wallpaper/snow-board-346872" target="_blank">http://wallpoper.com/wallpaper/snow-board-346872</a>
  </span>
</div>


<div class="slide centercontents" id="slide-value" data-backgroundid="bg-google-yellow">
  <header>Optimizaci&oacute;n</header>
  <section>
    <p><img src="images/c1.jpg" style="vertical-align:middle"></p>
  </section>
</div>

<div class="slide centercontents" id="slide-value" data-backgroundid="bg-google-yellow">
  <header>Optimizaci&oacute;n</header>
  <section>
    <p><img src="images/c2.jpg" style="vertical-align:middle"></p>
  </section>
</div>

<div class="slide centercontents" id="slide-value" data-backgroundid="bg-google-yellow">
  <header>Optimizaci&oacute;n</header>
  <section>
    <p><img src="images/c3.jpg" style="vertical-align:middle"></p>
  </section>
</div>


<div class="slide centercontents" id="slide-value" data-backgroundid="bg-google-yellow">
  <header>Optimizaci&oacute;n</header>
  <section>
    <p><img src="images/c4.jpg" style="vertical-align:middle"></p>
  </section>
</div>



<div class="slide transparent image centercontents" data-backgroundid="bg-file">
  <div data-build>
    <section class="topWide" data-auto>
      <h1>Algunas Especificaciones</h1>
    </section>
  </div>
  <span class="credit">
    <a href="http://www.flickr.com/photos/daddo83/3406962115/" target="_blank">http://www.flickr.com/photos/daddo83/3406962115/</a>
  </span>
</div>

<div class="slide centercontents" id="slide-value" data-backgroundid="bg-file">
  <header>Especificaciones</header>
  <section>
    <p><img src="images/espc.jpg" style="vertical-align:middle"></p>
  </section>
</div>

<div class="slide centercontents" id="slide-value" data-backgroundid="bg-file">
  <header>Especificaciones</header>
  <section>
    <p><img src="images/detalles.jpg" style="vertical-align:middle"></p>
  </section>
</div>

<div class="slide centercontents" id="slide-value" data-backgroundid="bg-file">
  <header>Una mejor vista de su configuraci&oacute;n</header>
  <section>
    <p><img src="images/procesvista.jpg" style="vertical-align:middle"></p>
  </section>
</div>


<div class="slide centercontents" id="slide-value" data-backgroundid="bg-file">
  <section>
    <p>QUIENES USAN UN CORTEX-A15?</p>
  </section>
</div>

<div class="slide centercontents" id="slide-value" data-backgroundid="bg-file">
  <header>Listado de Sistemas Microprocesados basados en Cortex-A15</header>
  <section>
    <p><img src="images/compradores.jpg" style="vertical-align:middle"></p>
  </section>
</div>


<div class="slide centercontents" id="slide-value" data-backgroundid="bg-file">
  <header>Comparado con sus hermanos</header>
  <section>
    <p><img src="images/compara1.jpg" style="vertical-align:middle"></p>
  </section>
</div>









<!--
 *
 * THANKS
 *
-->
<div class="slide segue transparent centercontents" id="thanks" data-backgroundid="bg-google-red">
  <section>
    <h1>Gracias!!</h1>
    <p>Referencias: <strong><a href="http://www.arm.com/products/processors/cortex-a/cortex-a15.php" target="_blank">ARM Cortex-A15 sitio oficial</a></strong></p>
  </section>
</div>


<!--
 *
 * REFERENCES
 *
-->
<!-- <div class="slide centercontents">
  <header>References</header>
  <section>
    <ul>
      <li>Photo: <a href="http://www.flickr.com/photos/fuyoh/2436741740/">Spacium ray a go go, baby</a> by <strong>Fuyoh!</strong></li>
      <li>Photo: <a href="http://www.flickr.com/photos/fuyoh/1458322946/">Hero Time</a> by <strong>Fuyoh!</strong></li>
    </ul>
  </section>
</div> -->


<!--
 *
 * GOOGLE IO LOGO
 *
-->
<!-- <div class="slide centercontents transparent" data-backgroundid="bg-white">
  <img src="/images/bgs/googleio-logo.png" width="935" height="240">
</div> -->

    </div>
    <div id="overlay"></div>

    <script src="js/libs/less-1.0.41.min.js" async></script>
    <script src="js/prettify/prettify.js" async></script>
    <script src="js/libs/glMatrix-0.9.5.min.js" async></script>
    <script src="js/config.js" defer></script>
    <!--<script src="socket.io/socket.io.js" defer></script>-->
    <script src="js/libs/yepnope.1.0.1-min.js" defer></script>
    <script src="js/slide-presentation.js" defer></script>
    <script src="js/slide-content.js" defer></script>

    <script>
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-23384572-1']);
      _gaq.push(['_trackPageview']);

      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();
    </script>

    <!--[if IE]>
    <script src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script>
    <script>CFInstall.check({mode: 'overlay'});</script>
    <![endif]-->
    <div id="background"></div>
    <div id="stage"></div>
  </body>
</html>
